{% extends 'layout.html' %}
{% load static %}

{% block css %}
<link rel="stylesheet" href="{% static 'plugins/bootstrap-datetimepicker-master/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css'%}">

{% endblock %}
{% block content %}
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Add Department</h3>
            </div>
<div class="panel-body">

                <form action="" method="post" novalidate>
                    {% csrf_token %}

  {%  for field in form %}
   <div class="form-group">
   <label>{{ field.label }} </label> : {{ field }}
   <span class="text-danger">{{ field.errors.0 }}</span>
   </div>
    {%  endfor %}




                    <button type="submit" class="btn btn-primary">Add</button>
                </form>
                    </div>
            </div>
        </div>

    </div>




    {% block js %}
        <script src="{% static 'plugins/bootstrap-datetimepicker-master/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js' %}"></script>
        <script src="{% static 'plugins/bootstrap-datetimepicker-master/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js' %}"></script>
        <script>
        $(function () {
            $('#id_create_time').datetimepicker({
                language: 'zh-CN',
                format: 'yyyy-mm-dd ',
                startDate:0,
            
                autoclose: 1,
            });
        });



        </script>

        {%  endblock %}

{% endblock %}